<!DOCTYPE html >
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="base :: header (title='委外接收')" />
<link th:href="@{plugins/common/css/basemessage.css}" rel="stylesheet" />
<link th:href="@{plugins/bootstrapEditable/css/bootstrap-editable-1.5.1.css}" rel="stylesheet" />
<link th:href="@{css/WareHouse/outsourcing.css}" rel="stylesheet" />
<body class="">
	<div class="main-content blank_bg">
		<div>
			<div>
				<div class="row" style="margin: 10px;">
					<div class="">
						<div style="margin-bottom: 5px;">
							<div style="float:left">
								<span class="spanCss">任务单号：</span> 
								<input type="text" id="fIcmoNo" name="fIcmoNo" class="form-control clean_C" style="width: 140px; margin-right: 10px;" autocomplete="off"/> 
								<span class="spanCss">委外单号：</span> 
								<input type="text" id="fBillNo" name="fBillNo" class="form-control clean_C" style="width: 140px; margin-right: 10px;" autocomplete="off"/> 
								<span class="spanCss">委外单位：</span> 
								<input type="text" id="fSupplierName" name="fSupplierName" class="form-control clean_C" style="width: 140px; margin-right: 10px;" autocomplete="off" /> 
								<span class="spanCss">产品代码：</span> 
								<input type="text" id="fNumber" name="fNumber" class="form-control clean_C" style="width: 140px; margin-right: 10px;" autocomplete="off" /> 
								<span class="spanCss">产品名称：</span> 
								<input type="text" id="fName" name="fName" class="form-control clean_C" style="width: 100px; margin-right: 10px;" autocomplete="off" /> 
							</div>
							<div style="float:left">
								<button id="query" class="btn btn-default " type="button" style="margin-left: 10px;">查询</button>
								<button type="button" class="btn btn-default " id="resetting">重置</button>
								<button type="button" class="btn btn-default" id="more">更多</button>
								<button type="button" class="btn btn-default resetting" id="exporting">导出</button>
							</div>
							<div style="clear:both"></div>
						</div>
						<div class="" id="extend" style="margin-top: 5px;display: none;">
							<div style="clear:both;">
								<span class="spanCss">规格型号：</span> 
								<input type="text" id="fModel" name="fModel" class="form-control clean_C" style="width: 140px; margin-right: 10px;" autocomplete="off" /> 
								<span class="spanCss">工序名称：</span> 
								<input type="text" id="fOperName" name="fOperName" class="form-control clean_C" style="width: 100px; margin-right: 10px;" autocomplete="off" /> 
							</div>
						</div>
						
						<!-- 委外列表 start -->
						<div style="margin-top: 5px;">
							<table id="outTable" class="table dataTable table-hover">
							</table>
						</div>
						<!-- 委外列表 end -->
					</div>
					<!-- 接收模态框 start -->
					<div class="modal fade " id="inModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="background-color: rgba(0, 0, 0, 0.5)" data-backdrop="static">
						<div class="modal-dialog" style="width: 890px; height: 220px;">
							<div class="modal-content" style="width: auto;">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
									<h4 class="modal-title" id="titleModal">接收</h4>
								</div>
								<div class="modal-body" style="height: auto; padding: 10px;">
									<form id="inForm" class="form-group">
										<div style="display: inline-block;overflow: hidden;margin-right: 15px;" id="">
											<table border="0" cellspacing="0" cellpadding="0" class="table-condensed normal-table table-content" id="" style="width: 100%;">
												<tr>
													<td class="title"><span class="sub">委外单号：</span></td>
													<td colspan="">
														<input type="text" id="infBillNo" name="fBillNo" class="clean_c form-control" readonly="readonly">
														<input type="hidden" id="fEntryID" name="fEntryID" class="clean_c form-control" readonly="readonly">
														<input type="hidden" id="fInterId" name="fInterId" class="clean_c form-control" readonly="readonly">
													</td>
													<td class="title"><span class="sub">委外单位：</span></td>
													<td colspan="3"><input type="text" id="infSupplierName" name="fSupplierName" class="clean_c form-control" readonly="readonly"></td>
												</tr>
												<tr>
													<td class="title"><span class="sub">产品代码：</span></td>
													<td colspan=""><input type="text" id="infNumber" name="fNumber" class="clean_c form-control" readonly="readonly"></td>
													<td class="title"><span class="sub">产品名称：</span></td>
													<td colspan=""><input type="text" id="infName" name="fName" class="clean_c form-control" readonly="readonly"></td>
													<td class="title"><span class="sub">规格型号：</span></td>
													<td colspan="">
														<input type="text" id="infModel" name="fModel" class="clean_c form-control" readonly="readonly">
													</td>
												</tr>
												<tr>
													<td class="title"><span class="sub">工序号：</span></td>
													<td colspan=""><input type="text" id="infOperSN" name="fOperSN" class="clean_c form-control" readonly="readonly"></td>
													<td class="title"><span class="sub">工序名称：</span></td>
													<td colspan=""><input type="text" id="infOperName" name="fOperName" class="clean_c form-control" readonly="readonly"></td>
													<td class="title"><span class="sub">可接收数：</span></td>
													<td colspan=""><input type="text" id="infTranOutQty" name="fSurQty" class="clean_c form-control" readonly="readonly"></td>
												</tr>
												<tr>
													<td class="title"><span class="sub"><span class="requiredCss">*</span>接收数：</span></td>
													<td colspan=""><input type="text" id="jss" name="jss" class="clean_c form-control bj_color" autocomplete="off" onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')"></td>
												</tr>
												<tr>
													<td class="title" colspan="6"><span style="" class="requiredCss sub">注：带*为必填字段。</span></td>
												</tr>
											</table>
											<div style="width: 100%;position:relative;">
												<div style="text-align: center;margin-top: 12px;">
													<button type="button" class="btn btn-default" id="confirm" style="margin-right: 20px;">确定</button>
													<button type="button" class="btn btn-default" id="cancel" data-dismiss="modal">取消</button>
												</div>
											</div>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>	
					<!-- 接收模态框 end -->
					
					<!-- 输入接收人卡号模态框 start -->
					<div class="modal fade " id="inputCardModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="background-color: rgba(0, 0, 0, 0.5)" data-backdrop="static">
						<div class="modal-dialog" style="width: 530px; height: 220px;">
							<div class="modal-content" style="width: auto;">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
									<h4 class="modal-title" id="titleModal">接收人</h4>
								</div>
								<div class="modal-body" style="height: auto; padding: 10px;">
									<div style="text-align: center;">
										<div>
											<span style="" class="modalSpan">接收人卡号：</span>
											<input type="text" id="fWorker" name="fWorker" class="clean-c form-control bj_color resetting modalInput" autocomplete="off" />
										</div>
										<!-- <div style="margin: 10px;">
											<span class="modalSpan">接收人：</span>
											<input type="text" id="fWorkerName" name="fWorkerName" class="clean-c form-control resetting modalInput" readonly="readonly" />
										</div> -->
										<div style="margin-top: 10px;">
											<button id="save" class="btn btn-default" type="button" style="margin-right: 20px;">确定</button>
											<button id="back" class="btn btn-default" type="button" data-dismiss="modal" style="">取消</button>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>	
					<!-- 输入接收人卡号模态框 end -->
					
					<!-- 调用showModal里的queryModal，查询行 -->
					<div th:include="Production/showModal :: queryModal" />
				</div>
			</div>
		</div>
	</div>
	<div th:include="base :: bottom" />
	<div th:include="base :: bootstrapTable" />
	<div th:include="base :: tableExport" />
	<div th:include="base :: plugIn" />
	<div th:include="base :: bootstrapTable-eidt" />
	<div th:include="base :: ztree" />
	<script th:src="@{js/WareHouse/outsourcing.js}"></script>
	<script th:src="@{js/Production/showModal.js}"></script>
</body>
</html>
